/* 全局样式 */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f7f7f7;
}

.report-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.report-header {
  background-color: white;
  color: black;
  text-align: center;
  padding: 20px;
  font-size: 24px;
  font-weight: bold;
}

.report-chart {
  height: 400px; 
  margin-top: 20px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 50px;
  display: flex;
  justify-content: center; /* 居中内容 */
  align-items: center; /* 居中内容 */
}

.report-overall-performance {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.report-overall-performance .report-card .ant-card-head {
  border-bottom: 1px solid #e8e8e8;
}

.report-overall-performance .report-card .ant-card-body {
  padding: 20px;
}

.report-overall-performance .report-card .ant-statistic-title {
  font-size: 16px;

  color: #000000;
}

.report-overall-performance .report-card .ant-statistic-content {
  font-size: 24px;

}

.report-card {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 48%;
}

.report-card-header {
  font-size: 18px;
  font-weight: bold;
  color: #23153C;
  margin-bottom: 30px;
  margin-left: 28px;
}

.report-statistic {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.report-statistic-label {
  font-weight: bold;
}

.report-statistic-value {
  font-size: 24px;
}

.report-weakness-card {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-bottom: 40px;
  margin-left: 20px;
  transition: transform 0.2s ease-in-out;
  cursor: pointer;
}

.report-weakness-card:hover {
  transform: scale(1.05);
}

.report-weakness-card-header {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}

.report-weakness-card-title {
  margin-bottom: 10px;
}

.report-weakness-card-description {
  color: #f4377ce0; /* 红色 */
  font-size: 16px;
  margin-left: 50px;
  margin-top: 40px;
}

.report-weakness-card-score {
  margin-left: 950px;
  font-weight: bold;
  font-size: 16px;
}

.report-sections {
  display: flex;
  flex-direction: column; /* 默认值是column，但如果需要水平排列，请改为row */
  align-items: stretch; /* 确保所有子元素都扩展到相同的宽度 */
  justify-content: center; /* 垂直居中对齐 */
}

.report-buttons {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  font-weight: bold;
  margin-bottom: 70px;
}
.report-buttons .ant-btn {
  border: none; /* 移除边框 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
  transition: all 0.3s ease; /* 平滑过渡效果 */
  width: 170px; /* 设置宽度 */
  height: 50px; /* 设置高度 */
  background-color: white; /* 背景颜色 */
  color: #23153C; /* 文字颜色 */
  font-size: 20px; /* 字体大小 */
  display: flex; /* 使用Flexbox布局 */
  align-items: center; /* 垂直居中对齐 */
  justify-content: center; /* 水平居中对齐 */
}


/* 新增样式 */
.expandable-weakness-analysis {
  margin-bottom: 20px;
}

.header-container {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}

.expand-button {
position: relative;
padding-right: 2em; /* 为箭头留出空间 */
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 123, 255, 0.5); /* 蓝色透明背景 */
border: none;
color: white;
font-weight: bold;
transition: background-color 0.3s ease;
margin-left: auto; /* 将按钮推到右侧 */
}

.expand-button .anticon {
margin-left: 8px; /* 调整箭头与文字之间的间距 */
}


.section-title {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 40px;
  margin-left: 50px;
  color:#238CBA;
}

.expand-button:hover {
  background-color:#5abcda; /* 鼠标悬停时更暗的蓝色透明背景 */
  }